<!DOCTYPE html>  
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Prestigie | Premium Wordpress Theme</title>
    <meta name="Description" content="" />
    <meta name="keywords" content="" />
    <meta name="robots" content="index,follow,archive" />    
    <meta name="revisit-after" content="1 days" />
    <meta name="robots" content="all" />
    <meta name="google-site-verification" content="" />
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0" />
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/ico" href="#" />
    <!-- Stylesheets -->
    <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <!-- JavaScripts -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/columnal.css"  />
    <link rel="stylesheet" type="text/css" media="screen" href="css/build.css"  /> 
    <link rel="stylesheet" type="text/css" media="screen" href="styles.css"  />
    <link rel="stylesheet" type="text/css" media="screen" href="gold.css"  />
    <link rel="stylesheet" type="text/css" media="screen" href="blog.css"  />
    <script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/retina.js"></script>

    <!-- SCRIPT MENU EFFECTS -->

    <script type="text/javascript" src="js/ddlevelsmenu-gold.js"></script>

    <!-- TESTIMONIAL SLIDER -->
    <script src="js/jQuery.scrollSomething-1.0.0.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#myScrollebleItems1").scrollSomething({
                scrollerWidth: 275,
                scrollerHeight: 325,
                scrollInterval: 4000,
                scrollPrefix: "example1_",
                itemsVisable: 1,
                itemsScrolling: 1,
                buttonPosition: "topRight"
            });

        });
    </script>

    <!-- BACK TO THE TOP BUTTON AND CONTACT FORM-->
    <script src="js/jquery.validationEngine-en.js" type="text/javascript"></script>
    <script src="js/jquery.validationEngine.js" type="text/javascript"></script>
    <script>
        $(document).ready(function(){

            // hide #back-top first
            $("#back-top").hide();
			
            // fade in #back-top
            $(function () {
                $(window).scroll(function () {
                    if ($(this).scrollTop() > 100) {
                        $('#back-top').fadeIn();
                    } else {
                        $('#back-top').fadeOut();
                    }
                });

                // scroll body to 0px on click
                $('#back-top a').click(function () {
                    $('body,html').animate({
                        scrollTop: 0
                    }, 800);
                    return false;
                });
            });


            $("#form1").validationEngine({
                ajaxFormValidation: true,
                onBeforeAjaxFormValidation: function() {
                    $.ajax({
                        url: 'ajaxSubmit.php',
                        timeout: 15000,
                        type: 'post',
                        data: $('#form1').serialize(),
                        success: function(html) {
                            $("#form1").html('<span>Thank you, We will contact you soon !</span>'); // ubaci style u span
                        },
                        error: function (result) {alert('An error occurred while sending.');}
                    });
                    return false;
                }
            });

            $("#form1").bind("jqv.form.validating", function() {	
                if ($('#name').val()=='Your Name') $('#name').val('');
                if ($('#email').val()=='E-mail') $('#email').val('');
                if ($('#comment').val()=='Your message') $('#comment').val('');
            });

            $("#comment-form").validationEngine({
                ajaxFormValidation: true,
                onBeforeAjaxFormValidation: function() {
                    $.ajax({
                        url: 'ajaxSubmit.php',
                        timeout: 15000,
                        type: 'post',
                        data: $('#comment-form').serialize(),
                        success: function(html) {
                            $("#comment-form").html('<span>Thank you, We will contact you soon !</span>'); // ubaci style u span
                        },
                        error: function (result) {alert('An error occurred while sending.');}
                    });
                    return false;
                }
            });




        });
    </script>
</head>
<body id="sp">
    <header>
        <div class="header-wrapper">
            <div class="header-top"></div>
            <div class="search-wrapper">
                <form class="form-wrapper cf">
                    <input type="text" class="f" value="Search here..." onblur="if(this.value == '') { this.value='Search here...'}" onfocus="if (this.value == 'Search here...') {this.value=''}">
                    <button type="submit">Search</button>
                </form>
            </div>
            <div class="header-center">
                <div class="header-content">
                    <div class="logo"><h1><a href="index.html">Logo Prestigio</a></h1></div>
                    <nav>
                        <div class="main-menu dont-show">
                            <div id="navigation" class="dont-show">
                                <div id="ddtopmenubar" class="mattblackmenu">
                                    <ul>
                                        <li><a href="#" data-rel="ddsubmenu1">Homepage</a></li>
                                        <li><a href="#" data-rel="ddsubmenu2">Subpage</a></li>
                                        <li><a href="#" data-rel="ddsubmenu3">Blog</a></li>
                                        <li><a href="panorama.html">Virtual Tour</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                                <!--Top Drop Down Menu 1 HTML-->
                                <ul id="ddsubmenu1" class="ddsubmenustyle">
                                    <li><a href="#">1.1 - Parallax slider</a>
                                        <ul>
                                            <li><a href="index-parallax1.html">Content V.1</a></li>
                                            <li><a href="index-parallax2.html">Higher Content  V.2 </a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">1.2 - Nivo slider - Stripes</a>
                                        <ul>
                                            <li><a href="index-red.html">Red V.1 </a></li>
                                            <li><a href="index-blue.html">Blue V.2</a></li>
                                            <li><a href="index-green.html">Green V.3</a></li>
                                            <li><a href="index-purple.html">Purple V.4</a></li>
                                            <li><a href="index-gold.html">Goldish V.5</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">1.3 - Video Background</a>
                                        <ul>
                                            <li><a href="video1.html">Video Background V.1</a></li>
                                            <li><a href="video2.html">Video Background V.2</a></li>
                                            <li><a href="panorama.html">Video Background V.3</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">1.4 - Cycle Slider</a>
                                        <ul>
                                            <li><a href="index-cycle1.html">Cycle Slider V.1</a></li>
                                            <li><a href="index-cycle-dark.html">Cycle Slider V.2 - Black</a></li>
                                            <li><a href="index-cycle-pattern4.html">Cycle Slider V.3 - Black</a></li>
                                            <li><a href="index-cycle-pattern5.html">Cycle Slider V.4 - Black</a></li>
                                            <li><a href="index-cycle-white.html">Cycle Slider V.5 - Light</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="index-elastic.html">1.5 - Elastic Slider</a>
                                        <ul>
                                            <li><a href="index-elastic1.html">Elastic Slider V.1</a></li>
                                            <li><a href="index-elastic2.html">Elastic Slider V.2</a></li>
                                            <li><a href="index-elastic3.html">Elastic Slider Full Width</a></li>
                                        </ul></li>
                                    <li><a href="index-no-slider.html">1.6 - Without Slider</a></li>
                                </ul>
                                <!--Top Drop Down Menu 2 HTML-->
                                <ul id="ddsubmenu2" class="ddsubmenustyle">
                                    <li><a href="#">About</a></li>
                                    <li><a href="#">Gallery</a>
                                        <ul>
                                            <li><a href="portfolio1.html">2.1 - Classic</a></li>
                                            <li><a href="portfolio2.html">2.2 - Filter Effect V.1</a></li>
                                            <li><a href="portfolio3.html">2.3 - Filter Effect V.2</a></li>
                                            <li><a href="#">2.4 - With LightBox</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Single Project</a>
                                        <ul>
                                            <li><a href="single-project.html">3.1 - V.1 Wooden</a></li>
                                            <li><a href="single-project2.html">3.2 - V.2 Light</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <!--Top Drop Down Menu 3 HTML-->
                                <ul id="ddsubmenu3" class="ddsubmenustyle">
                                    <li><a href="blog.html">Blog V.1 -Right Siderbar</a></li>
                                    <li><a href="blog2.html">Blog V.2 -Left Siderbar</a></li>
                                    <li><a href="blog-single.html">Single Post - Right Sidebar</a></li>
                                    <li><a href="blog-single2.html">Single Post - Left Sidebar</a></li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>

    <div class="clear"></div>

    <!-- End Header -->

    <!-- Start Content Wrapper -->
    <div class="content-bottom-contact">
        <div id="theMap">
            <iframe src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Paris,+France&amp;aq=0&amp;oq=paris&amp;sll=37.09024,-95.712891&amp;sspn=44.52365,112.236328&amp;ie=UTF8&amp;hq=&amp;hnear=Paris,+%C3%8Ele-de-France,+France&amp;t=m&amp;ll=48.857028,2.35219&amp;spn=0.003388,0.006866&amp;z=17&amp;output=embed&amp;iwloc=near"></iframe><br />
        </div>
        <div class="content_wrapper_sbr container">
            <!-- Content Area -->
            <div id="content" class="col_8 omega test">
                <div class="form-contact">
                    <h3 class="contact">Contact Us</h3>
                    <hr />
                    <p class="intro">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.Lorem ipsum dolor est Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
                    <p class="mandatory">Make sure you fill in all mandatory fields.</p>

                    <div class="comment-form-wrapper">	

                        <form action="#" method="post" id="comment-form" class="form">     
                            <ul>	
                                <li>
                                    <p><strong>Name</strong> <em>*</em></p>
                                    <input name="name" type="text" id="name2" class="validate[required,minSize[2]] requiredField" />
                                </li>

                                <li>
                                    <p><strong>E-mail</strong> <em>*</em></p>
                                    <input name="email" type="text" id="email2" class="validate[required,custom[email]] requiredField email" />		
                                </li>

                                <li>
                                    <p><strong>URL</strong> (Optional)</p>	
                                    <input name="web" type="text" id="url2"/>
                                </li>

                                <li>
                                    <p><strong>Message</strong> <em>*</em></p>
                                    <textarea name="text" id="text2" rows="20" cols="30" class="validate[required,minSize[6]] requiredField"></textarea>		
                                </li>					

                                <li class="submit-button">
                                    <input name="submit" id="submitted" value="Submit Comment" class="submit" type="submit" />
                                </li>
                            </ul>
                        </form><!--END COMMENT-FORM-->

                    </div><!--END COMMENT-FORM-WRAPPER-->
                </div>
            </div>
            <!-- Sidebar Area -->
            <div id="sidebar" class="col_4 omega">
                <div class="widget_contact">
                    <h3>Address</h3>
                    <ul>
                        <li class ="lok">Musee Rodin</li>
                        <li class ="country"> 79 Rue de Varenne; 75007 Paris, France</li>
                        <li class="phone">Phone: +33 1 44 18 61 10</li>
                        <li class="email">E-mail: office@domainname.com</li>
                    </ul>
                </div>
                <div class="widget_opening">
                    <h3>Opening Hours</h3>
                    <ul>
                        <li>Monday<span class="hrs">09:00 AM &ndash; 09:00 PM</span></li>
                        <li>Tuesday<span class="hrs">09:00 AM &ndash; 09:00 PM</span></li>
                        <li>Wednesday<span class="hrs">09:00 AM &ndash; 09:00 PM</span></li>
                        <li>Thursday<span class="hrs">09:00 AM &ndash; 09:00 PM</span></li>
                        <li>Friday<span class="hrs">09:00 AM &ndash; 09:00 PM</span></li>
                        <li>Saturday<span class="hrs">10:00 AM &ndash; 04:00 PM</span></li>
                        <li class="last">Sunday<span class="hrs">Closed</span></li>
                    </ul>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <footer>
        <div id="footer-top">
            <div class="footer-nav">
                <div id="global-footer">
                    <div class="footer-left">
                        <div class="section">
                            <h3>Biz Stuff</h3>
                            <ul>
                                <li><a href="#">Privacy Policy</a></li>
                                <li><a href="#">Terms and Conditions</a></li>
                                <li><a href="#">Secure Site</a></li>
                                <li><a href="#">Affiliate Program</a></li>
                            </ul>
                        </div>

                        <div class="section">
                            <h3>Customer Service</h3>
                            <ul>
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">FAQ</a></li>
                                <li><a href="#">Customer Testimonials</a></li>
                                <li><a href="#">Contact Us</a></li>
                            </ul>
                        </div>
                        <div class="section">
                            <h3>Socialize</h3>
                            <ul>
                                <li class="gplus-icon"><a href="#">Google +</a></li>
                                <li class="facebook-icon"><a href="#">Facebook</a></li>
                                <li class="twitter-icon"><a href="#">Twitter</a></li>
                                <li class="linkedin-icon"><a href="#">LinkedIn</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="section-form">
                        <h3>Contact</h3>
                        <div id="form-div">
                            <form class="form" id="form1">
                                <p class="name">
                                    <input name="name" type="text" class="validate[required,minSize[2]] text-input" id="name" value="Your Name" onfocus="if (this.value == 'Your Name') {this.value=''}" />
                                </p>
                                <p class="email">
                                    <input name="email" type="text" class="validate[required,custom[email]] text-input" id="email" value="E-mail" onfocus="if (this.value == 'E-mail') {this.value=''}" />
                                </p>
                                <p class="text">
                                    <textarea name="text" class="validate[required,minSize[6]] text-input" id="comment" onfocus="if (this.value == 'Your message') {this.value=''}">Your message</textarea>
                                </p>
                                <p class="send">
                                    <input type="submit" value="Send" />
                                </p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <p id="back-top"><a href="#top"><span></span>Back to Top</a></p>
        </div>
        <div class="footer-bottom">
            <div id="copyright"><p>Copyright <a href="#">Prestigie</a> 2013. All rights reserved. |  Created by <a href="http://www.spundo.com">Spundo</a></p></div>
        </div>
    </footer>
    <script type="text/javascript">
        ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
    </script>
</body>
</html>